.grade{
    h4{
        font-weight: 600;
       }
}
.hy{
    .div_1{
        display: flex;
        height: 40px;
        width: 500px;
        line-height: 40px;
        span{
            color: red;
        }
    }
    .inp{
        width: 250px;
        margin-left: 20px;
    }
    
}

.zi{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.s2{
    margin-left: 30px;
}


.div_2{
    width: 300px;
    height: 50px;
    span{
        margin-right:60px;
    }
    .s1{
        font-weight: 600;
    }
}
.inp_2{
    width: 200px;
    margin-left:30px;
}
.p1{
    color: red;
    margin-left:115px;
}
.inpp{
    width: 100px;
}
.div_3{
    width: 310px;
    .s_1{
        display: inline-block;
        width: 30px;
        height: 32px;
        background: rgb(214, 216, 218);
        padding-top: 5px;
        text-align: center;
    }
}
.div_4{
    display: flex;
    
}
.ss{
    padding: 0 10px;
}
.spa{
    width: 135px;
}